﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link href="../Css/style.css" rel="stylesheet" type="text/css" />
    <link href="../Css/home.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="../Scripts/plugin/jquery.ezpz_tooltip.min.js" type="text/javascript"></script>
    <!--<script src="../Scripts/plugin/jquery.ezpz_tooltip.js" type="text/javascript"></script>-->
    <title>Untitled</title>
    <!-- a javascript or expression could be used for IE6 and below for min-width -->
    <!--[if lt IE 7]>
<style type="text/css" media="screen">
#wrapper {word-wrap: break-word;} /* ie proprietary property to force long words to break rather than the layout */
</style>
<![endif]-->
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function () {
            $("#img1").ezpz_tooltip({
                contentId: 'simple-content-1',
                showContent: function (content) {
                    content.fadeIn('slow');
                },
                hideContent: function (content) {
                    // if the showing animation is still running, be sure to stop it
                    // and clear the animation queue. otherwise, repeatedly hovering will
                    // cause the content to blink.
                    content.stop(true, true).fadeOut('slow');
                }
            });
        });
    </script>
    
<style type="text/css" media="screen">
	h3 { margin-top: 20px; }
	.tooltip-target {
		display: block;
		padding: 10px;
		background-color: #EEE;
		text-align: center;
	}
	.tooltip-content {
		display: none;      /* required */
		position: absolute; /* required */
		width: 250px;
		padding: 10px;
		border: 3px solid #AF8A31;
		background-color: #FFC848;
		text-align: center;
        color: black;
	}
	.tooltip-content p {
		margin: 0;
	}
	#fancy-content-1 {
		border: none;
		background: url('http://s3.amazonaws.com/theezpzway/files/1/original.png');
		width: 277px;
		height: 96px;
	}
</style>
</head>
<body><div class="simple-tooltip-content tooltip-content" id="simple-content-1">
		<p>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet enim...
		</p>
	</div>
    <div id="wrapper">
        <div id="header">
            <div class="logocart">
                <div class="butterfly">
                </div>
                <div class="logo">
                    <img src="../Img/Layout/logo_final_small.png" />
                    <label>
                        shopping online</label>
                </div>
                <div class="cart">
                    <div class="search">
                        <input class="textbox" type="text" />
                        <input class="button" type="image" src="../img/layout/btn_search_66x23.gif" value="&nbsp;" />
                    </div>
                    <div class="shoppingcart">
                        <div class="newrow title">
                            <label>
                                Shopping cart</label></div>
                        <div class="newrow quantity">
                            <label>
                                0 item(s)</label></div>
                        <div class="newrow price">
                            <label>
                                Total: $ 0.00</label></div>
                        <div class="newrow">
                            <input class="button" type="image" src="../img/layout/morecart.gif" value="&nbsp;" /></div>
                    </div>
                </div>
            </div>
            <div class="horiMenu">
                <div class="menu">
                    <ul>
                        <li><a href="#">Giới thiệu</a></li>
                        <li><a href="#">Tin tức</a></li>
                        <li><a href="#">Thành viên</a></li>
                        <li><a href="#">Thông tin</a></li>
                        <li class="End"><a href="#">Liên hệ</a></li>
                    </ul>
                </div>
                <div class="login">
                    <ul>
                        <li>Thành viên</li>
                        <li>
                            <input type="text" /></li>
                        <li>Mật khẩu</li>
                        <li>
                            <input type="text" /></li>
                    </ul>
                    <input class="button" type="image" src="../img/layout/btn_login_66x23.jpg" value="&nbsp;" />
                </div>
            </div>
            <div class="verMenu">
                <div class="menu">
                    <ul>
                        <li><a href="#">Trang chủ</a></li>
                        <li><a href="#">Sản phẩm 1</a></li>
                        <li><a href="#">Sản phẩm 2</a></li>
                        <li><a href="#">Sản phẩm 3</a></li>
                        <li><a href="#">Sản phẩm 4</a></li>
                        <li><a href="#">Đặt hàng</a></li>
                    </ul>
                </div>
                <div class="hotdeal">
                    <div class="img">
                        <div class="title special">
                            Special Discount</div>
                        <div class="newrow">
                            <img src="../img/layout/promotion_img_226x175.jpg" /></div>
                    </div>
                    <div class="info">
                        <div class="newrow">
                            <label style="font-size: 50px">
                                50%</label></div>
                        <div class="newrow title" style="padding: 15px 0px 15px 0px">
                            <label>
                                from 4/3/2010 to 4/3/2010</label></div>
                        <div class="newrow" style="height: 123px; color: #777777; font-size: 12px; line-height: 17px">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere consectetur
                            rutrum. Vivamus enim lorem, tempus quis consectetur a, egestas suscipit libero.
                            Aliquam euismod...</div>
                        <div class="newrow readmore">
                            read more</div>
                    </div>
                </div>
            </div>
        </div>
        <div id="contentholder">
            <div class="title underline">
                <label class="pink" id="label1">
                    new</label>&nbsp;&nbsp;<label class="green">product</label></div>
            <div class="content">
                <div class="item">
                    <div class="img" id="img1">
                        <img src="../img/layout/blank.gif" />
                    </div>
                    <div class="info">
                        <div class="title">
                            <a href="#">PRODUCT NAME</a></div>
                        <div class="newrow desc">
                            <label>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere consectetur
                                rutrum...</label></div>
                        <div class="newrow price">
                            <label>
                                PRICE: 1 000 000 VNĐ</label></div>
                        <div class="newrow add">
                            <input class="button" type="image" src="../img/layout/addcart.gif" value="&nbsp;" />
                            <a href="#">
                                <img src="../img/layout/addcart.gif" />
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content left">
                <div class="item">
                    <div class="img">
                        <img src="../img/layout/blank.gif" />
                    </div>
                    <div class="info">
                        <div class="title">
                            <a href="#">PRODUCT NAME</a></div>
                        <div class="newrow desc">
                            <label>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere consectetur
                                rutrum...</label></div>
                        <div class="newrow price">
                            <label>
                                PRICE: 1 000 000 VNĐ</label></div>
                        <div class="newrow add">
                            <input class="button" type="image" src="../img/layout/addcart.gif" value="&nbsp;" /></div>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="item">
                    <div class="img">
                        <img src="../img/layout/blank.gif" />
                    </div>
                    <div class="info">
                        <div class="title">
                            <a href="#">PRODUCT NAME</a></div>
                        <div class="newrow desc">
                            <label>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere consectetur
                                rutrum...</label></div>
                        <div class="newrow price">
                            <label>
                                PRICE: 1 000 000 VNĐ</label></div>
                        <div class="newrow add">
                            <input class="button" type="image" src="../img/layout/addcart.gif" value="&nbsp;" /></div>
                    </div>
                </div>
            </div>
            <div class="content left">
                <div class="item">
                    <div class="img">
                        <img src="../img/layout/blank.gif" />
                    </div>
                    <div class="info">
                        <div class="title">
                            <a href="#">PRODUCT NAME</a></div>
                        <div class="newrow desc">
                            <label>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere consectetur
                                rutrum...</label></div>
                        <div class="newrow price">
                            <label>
                                PRICE: 1 000 000 VNĐ</label></div>
                        <div class="newrow add">
                            <input class="button" type="image" src="../img/layout/addcart.gif" value="&nbsp;" /></div>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="item">
                    <div class="img">
                        <img src="../img/layout/blank.gif" />
                    </div>
                    <div class="info">
                        <div class="title">
                            <a href="#">PRODUCT NAME</a></div>
                        <div class="newrow desc">
                            <label>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere consectetur
                                rutrum...</label></div>
                        <div class="newrow price">
                            <label>
                                PRICE: 1 000 000 VNĐ</label></div>
                        <div class="newrow add">
                            <input class="button" type="image" src="../img/layout/addcart.gif" value="&nbsp;" /></div>
                    </div>
                </div>
            </div>
            <div class="content left">
                <div class="item">
                    <div class="img">
                        <img src="../img/layout/blank.gif" />
                    </div>
                    <div class="info">
                        <div class="title">
                            <a href="#">PRODUCT NAME</a></div>
                        <div class="newrow desc">
                            <label>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere consectetur
                                rutrum...</label></div>
                        <div class="newrow price">
                            <label>
                                PRICE: 1 000 000 VNĐ</label></div>
                        <div class="newrow add">
                            <input class="button" type="image" src="../img/layout/addcart.gif" value="&nbsp;" /></div>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="line">
            </div>
            <div class="contact">
                <label>
                    Five Sisters Shop - 0989 77 22 48 - fivesistersshop@yahoo.com</label>
            </div>
            <div class="menuZone">
                <div class="horiMenu">
                    <div class="menu">
                        <ul>
                            <li><a href="#">Giới thiệu</a></li>
                            <li><a href="#">Tin tức</a></li>
                            <li><a href="#">Thành viên</a></li>
                            <li><a href="#">Thông tin</a></li>
                            <li class="End"><a href="#">Liên hệ</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
